<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<title>挪丹瑞芬商品详情</title>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	<link rel="stylesheet" href="../css/detail.css">
</head>

<body>
	<header>
		<div id="back" class="back">
			&lt; 返回</div>
		商品详情
	</header>
	<div class="commodity-photo">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="../images/pic_homepage1@2x.png" alt=""></div>
				<div class="swiper-slide"><img src="../images/pic_homepage2@2x.png" alt=""></div>
				<div class="swiper-slide"><img src="../images/pic_homepage3@2x.png" alt=""></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
			<!-- 如果需要导航按钮 -->
			<!-- <div class="swiper-button-prev"></div> -->
			<!-- <div class="swiper-button-next"></div> -->
			<!-- 如果需要滚动条 -->
			<!-- <div class="swiper-scrollbar"></div> -->
		</div>
	</div>
	<div class="detail-1">
		<div class="name"><?php $commodity.commodity_name ?></div>
		<div class="price">￥<?php $commodity.commodity_now_price ?></div>
		<div class="unit">/<?php $commodity.commodity_unit ?></div>
		<div class="selled">已售<?php $commodity.commodity_sale_number ?></div>
	</div>
	<div class="detail-2">
		<div>
			<span class="available">
			<?php if($commodity.commodity_number>0){
				echo "有货";
			}else{
				echo "无货";
			} ?>
		</span>
			<span class="delivery">仅限上海，其他地区暂不配送</span>
		</div>
	</div>
	<div class="detail-3">
		<div class="origin">产地:
			<span class="detail-information">罗马</span>
		</div>
		<div class="expiration-time">保质期:
			<span class="detail-information">365天</span>
		</div>
		<div class="storage-condition">储存条件:
			<span class="detail-information">-18℃冷冻</span>
		</div>
	</div>
	<div class="detail-4">
		<p>格陵兰雪蟹是来自北大西洋和北冰洋海域的真正佳肴。它的肉质雪白，表面呈亮橘色，味道鲜美清甜，带有淡淡的海水咸味，和甲壳类动物独有的微苦。</p>
		<img src="../images/pic_commodity4@2x.png" alt="">
		<p>
			为了把最上乘的雪蟹呈现给您，在雪蟹打捞上岸后，会在第一时间送至加工厂，盐水烹熟并立即冷冻，以保证您在餐桌上享受到最新鲜原汁的雪蟹。
		</p>
		<img src="../images/pic_commodity5@2x.png" alt="">
		<img src="../images/pic_commodity6@2x.png" alt="">
		<img src="../images/pic_commodity7@2x.png" alt="">
	</div>
	<div class="to-trolly-XXX">底线</div>
	<div class="to-trolly">
		<i class="icon icon-trolly"></i>
		<p class="to-trolly-btn">加入购物车</p>
	</div>

	<script>
	var mySwiper = new Swiper('.swiper-container', {
		// direction: 'vertical',
		loop: true,

		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
		},

		// 如果需要前进后退按钮
		// navigation: {
		// 	nextEl: '.swiper-button-next',
		// 	prevEl: '.swiper-button-prev',
		// },

		// 如果需要滚动条
		// scrollbar: {
		// 	el: '.swiper-scrollbar',
		// },
	})

	</script>
</body>

</html>
